nodemon是用於監視 Node.js 應用程式中文件變化並自動重啟應用程式的工具,這樣只要文件存檔,瀏覽器會自動更新。npm install -g nodemon
lodash提供了許多簡化和優化 JavaScript 開發的函式和工具。 npm install lodash
express 是Node.js 網頁應用程式框架,用於建立可擴展且靈活的網頁和應用程式。它提供了簡單而強大的工具,可以幫助開發者建立具有各種功能的網站和 Web 應用。 npm install express
輸入npm init
,用於初始化一個新的 Node.js 專案,並創建一個 package.json 檔案,可以在裡面觀察到我們新安裝的模組跟版本。
{
"name": "crash-course",
"version": "1.0.0",
"description": "",
"main": "file.js",
"directories": {
"doc": "docs"
},
"dependencies": {
"express": "^4.18.2",
"lodash": "^4.17.21"
},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "node server.js"
},
"author": "",
"license": "ISC"
}
有了express我們可以寫出更簡潔的程式切換路由,最後的use函式,讓所有例外的URL都顯示404 Not Found的page。
const express = require('express');
const app = express();
app.listen(3000);
app.get('/',(req,res)=>{
res.sendFile('./views/index.html',{root:__dirname});
});
app.get('/about',(req,res)=>{
// res.send('<p>about page</p>');
res.sendFile('./views/about.html',{root:__dirname});
});
//redirects
app.get('/about-us',(req,res)=>{
res.redirect('./about');
});
//404page
app.use((req,res)=>{
res.status(404).sendFile('./views/404.html',{root:__dirname})
})